<template>
  <view class="content">
    <view class="uswiper">
      <u-swiper :list="list" indicator height="180" imgMode="scaleToFill" bgColor="none" indicatorMode="line" circular keyName="image"></u-swiper>
    </view>
    <!-- <view class="notice">
      <u-notice-bar :text="text1" icon="../../static/gg.png" bgColor="#ffffff" color="#333333"></u-notice-bar>
      <image src="../../static/gg.png" mode="scaleToFill" />
    </view> -->

    <view class="navbar">
      <view class="navbtn" @click="sigUp">
        <image src="../../static/b.png" />
        <view class="text">报名入口</view>
      </view>
      <view class="navbtn" @click="qurey(1)">
        <image src="../../static/c.png" />
        <view class="text">查询入口</view>
      </view>
      <view class="navbtn" @click="invoicing(2)">
        <image src="../../static/k.png" />
        <view class="text">开票入口</view>
      </view>
      <view class="navbtn" @click="refund">
        <image src="../../static/t.png" />
        <view class="text">退款入口</view>
      </view>
    </view>

    <view class="writeOff" @click="write">
      <image src="../../static/h.png" mode="scaleToFill" />
    </view>

    <u-gap height="10" bgColor="#F5F5F5"></u-gap>

    <view class="introduce">

      <view class="cityLineLeft">会议简介</view>
      <view class="cityText" style=" text-indent:2em; ">
        2023年7月20日，习近平总书记在中央财经委员会第二次会议上发表重要讲话强调，粮食安全是“国之大者”，耕地是粮食生产的命根子，要切实加强耕地保护，全力提升耕地质量，充分挖掘盐碱地综合利用潜力。我国人多地少的国情没有变，耕地非农化、非粮化问题依然突出，耕地撂荒增多，占补平衡存在量不足、质不高问题，守住耕地红线的基础尚不托底。
      </view>

      <view class="cityText" style=" text-indent:2em; ">
        新时代新征程上，耕地保护任务没有减轻，而是更加艰巨。为更好的发挥土壤物理学在耕地保护、土壤改良、土壤养分利用、农业增产节本、农业面源污染治理等方面的重要作用，推进我国土壤物理学研究及其与相关学科的交叉融合，增进跨学科学术交流，加快人才培养和队伍建设。
      </view>
      <view class="cityText" style=" text-indent:2em; ">
        中国土壤学会土壤物理学专业委员会定于2024年8月11日－13日在新疆乌鲁木齐市举办全国“土壤结构韧性与耕地质量”学术研讨会。欢迎国内外土壤物理学、生态水文学、节水农业和水资源工程等研究领域的专家学者和研究生踊跃参加。
      </view>
    </view>
    <u-gap height="10" bgColor="#F5F5F5"></u-gap>

    <!-- <view class="introduce">
      <view class="cityLineLeft">会议安排</view>
      <view class="cityText">2024年4月25日 第一轮会议通知</view>
      <view class="cityText">2024年5月15日 第二轮会议通知</view>
      <view class="cityText">2024年6月30日 第三轮会议通知</view>
      <view class="cityText">2024年7月10日 完成报名及论文提交</view>
      <view class="cityText">2024年8月11日 报到</view>
      <view class="cityText">2024年8月12日—13日 召开会议</view>

    </view> -->

    <u-gap height="10" bgColor="#F5F5F5"></u-gap>

    <view class="introduce">
      <view class="cityLineLeft">会议费用</view>
      <view class="cityText">
        本次会议缴费标准：<br>正式代表<text>2000元/人</text><br>在读研究生<text>1000元/人</text><br>随行人员<text>800元/人</text>。<br>中国土壤学会会员凭会员证享受<text>200元</text>优惠
      </view>

      <view class="cityText" style="margin-top: 50rpx;">会员注册入会流程见附件，学生免费注册。</view>
      <view class="cityText"> 个人会员注册网址：<br>
        <text class="Link" @click="copyLink">http://sssc.scimall.org.cn/member/login.php</text>
      </view>

    </view>

    <u-gap height="10" bgColor="#F5F5F5"></u-gap>

    <view class="introduce">
      <view class="cityLineLeft">报到、住宿及交通</view>
      <view class="cityText">（一）报到地点：新疆乌鲁木齐市沙依巴克区克拉玛依西街700号独山子大酒店。</view>
      <view class="cityText">（二）参会代表交通和住宿自理。</view>
      <view class="cityText">
        （三）住宿地点：<br>乌鲁木齐独山子大酒店：大床房：460元/间/晚（含早）、标间：420元/间/晚（含早）；<br>文苑酒店：大床房：428元/间/晚（含早）、标间：398元/间/晚（含早）；
      </view>
      <view class="cityText">（四）温馨提示：欢迎有参会意向的学者和学生注册，会议期间房源紧张，现场报道注册的参会人员无法提供</view>

      <view class="atlas">
        <map :latitude="latitude" :longitude="longitude" :markers="covers" @click="clickMap">
        </map>
      </view>
    </view>

    <u-gap height="10" bgColor="#F5F5F5"></u-gap>

    <view class="introduce">
      <view class="information">
        <view class="cityLineLeft">主办单位</view>
        <view class="informationText">中国土壤学会土壤物理专业委员会</view>
        <view class="informationText"><text style="font-size: 28rpx;font-weight: bold;">承办单位：</text><br>新疆农业大学资源与环境学院<br>新疆维吾尔自治区土壤与肥料学会<br>新疆农科院土壤肥料与农业节水研究所</view>
        <view class="informationText"><text style="font-size: 28rpx;font-weight: bold;">协办单位：</text><br>中国农业大学土地科学与技术学院<br>浙江大学环境与资源学院<br>南京农业大学资源与环境科学学院<br>西北农林科技大学资源环境学院<br>河海大学水土保持学院<br>
        </view>
        <view class="informationText"><text style="font-size: 28rpx;font-weight: bold;">支持企业：</text><br>新疆慧尔农业集团股份有限公司<br>新疆心连心能源化工有限公司<br>新疆利华（集团）股份有限公司
        </view>

      </view>
    </view>

    <u-gap height="10" bgColor="#F5F5F5"></u-gap>

    <view class="ContactUs">
      <view class="newsTitle">
        <span class="cityLineLeft">会议联系方式</span>
        <span class="NewsBorder"></span>
      </view>
      <view class="zoneBox">
        <view class="information" @click="contact('13565964828')">
          <view class="title">李 宁</view>
          <view class="title">13565964828</view>
        </view>
        <view class="information" @click="contact('18167889797')">
          <view class="title">武凌羽</view>
          <view class="title">18167889797</view>
        </view>
        <view class="information" @click="contact('13201252125')">
          <view class="title">田 超</view>
          <view class="title">13201252125</view>
        </view>
      </view>
    </view>

    <view class="copyright" @click="contact('15719940401')">新疆疆云信息技术服务有限公司技术支持</view>
  </view>
</template>

<script>
import {
  login,
  getBanner,
  getIndex,
  program
} from '../../api/user'

export default {
  data() {
    return {
      list: [],
      text1: '',
      application: [],
      zoneBox: 'zoneBox',
      newsList: [],
      zoneList: [],
      newsBox: false,
      privacyData: 'true',


      title: 'map',
      name: '独山子大酒店',
      address: '新疆乌鲁木齐市沙依巴克区克拉玛依西街700号独山子大酒店',
      latitude: 43.817863,
      longitude: 87.565079,
      covers: [{
        latitude: 43.817863,
        longitude: 87.565079,
        iconPath: '',
      }]
    };
  },
  onLoad() {
    this.login()
  },
  onShow() {

    this.Banner()

  },
  methods: {
    login() {
      wx.login({
        success: async (res) => {
          // console.log('code', res)
          await program({
            code: res.code
          }).then(res => {
            this.getLogin(res.data.openid)
          })
        },
        fail: (err) => {
          uni.showToast({
            title: "微信登录授权失败",
            icon: "none"
          });
        },
      });
    },
    async getLogin(e) {

      await login({
        openid: e
      }).then(res => {
        uni.setStorageSync("uid", res.data.uid);
      })
    },
    async Banner() {
      await getBanner().then(res => {
        console.log(res, 'banner');
        // let temp = []
        // res.data.forEach(item => {
        // 	temp = item.image

        // });

        // this.list.push(temp)
        this.list = res.data
        console.log(this.list, '轮播图');
      })
    },
    sigUp() {
      uni.navigateTo({
        url: '/pages/application/application'
      })
	  // wx.showToast({
	  //   title: '已截止报名~',
	  //   icon: "none",
	  //   mask: "true"
	  // })
    },

    qurey(e) {
      uni.navigateTo({
        url: '/pages/qurey/qurey?id=' + e
      })
    },

    invoicing(e) {
      uni.navigateTo({
        url: '/pages/qurey/qurey?id=' + e
      })
    },

    write() {
      let token = uni.getStorageSync("token")

      if (!token) {
        uni.navigateTo({
          url: '/pages/write/write'
        })
      } else {
        uni.navigateTo({
          url: '/pages/domain/domain'
        });
      }
    },
    copyLink() {
      console.log(111111111111);

      let temp = 'http://sssc.scimall.org.cn/member/login.php'

      uni.setClipboardData({
        data: temp,
        success: function (res) {
          console.log(res, '22');
          wx.showToast({
            title: '复制成功',
            icon: "none",
            mask: "true"
          })
        }
      })
    },
    refund() {
      wx.showToast({
        title: '暂未开放~',
        icon: "none",
        mask: "true"
      })
    },

    tel(e) {
      const res = uni.getSystemInfoSync();
      // ios系统默认有个模态框
      if (res.platform == 'ios') {
        uni.makePhoneCall({
          phoneNumber: e,

          success() {
            console.log('拨打成功了');
          },
          fail() {
            console.log('拨打失败了');
          }
        })
      } else {
        //安卓手机手动设置一个showActionSheet
        uni.showActionSheet({
          itemList: [e, '呼叫'],
          success: function (res) {
            console.log(res);
            if (res.tapIndex == 1) {
              uni.makePhoneCall({
                phoneNumber: e,
              })
            }
          }
        })
      }
    },

    clickMap(e) {
      console.log(e);
      uni.openLocation({
        longitude: Number(this.longitude),
        latitude: Number(this.latitude),
        name: this.name,
        address: this.address
      })
    },

    contact(e) {
      const res = uni.getSystemInfoSync();

      // ios系统默认有个模态框
      if (res.platform == 'ios') {
        uni.makePhoneCall({
          phoneNumber: e,

          success() {
            console.log('拨打成功了');
          },
          fail() {
            console.log('拨打失败了');
          }
        })
      } else {
        //安卓手机手动设置一个showActionSheet
        uni.showActionSheet({
          itemList: [e, '呼叫'],
          success: function (res) {
            console.log(res);
            if (res.tapIndex == 1) {
              uni.makePhoneCall({
                phoneNumber: '18867733300',
              })
            }
          }
        })
      }
    }
  }
}
</script>
<style>
page {
  background: #ffffff;
}
</style>

<style lang="scss" scope>
.content {
  padding-bottom: 60rpx;

  .uswiper {
    padding: 20rpx;
  }

  .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20rpx;

    .navbtn {
      flex: 1;

      /* 间隙为5px */
      margin: 0 5px 5px 0;
      /* END */

      /* 这里的10px = (分布个数3-1)*间隙5px, 可以根据实际的分布个数和间隙区调整 */
      width: calc((100% - 20rpx) / 4);
      /* END */

      /* 加入这两个后每个item的宽度就生效了 */
      min-width: calc((100% - 10px) / 4);
      max-width: calc((100% - 10px) / 4);
      /* END */
      text-align: center;

      image {
        width: 85rpx;
        height: 85rpx;
      }

      .text {
        font-size: 28rpx;
        font-weight: 500;
      }
    }
  }

  .writeOff {
    margin: 20rpx;

    image {
      width: 100%;
      height: 180rpx;
    }
  }

  .introduce {
    padding: 20rpx 40rpx;

    .cityLineLeft {
      width: 200px;
      height: 30rpx;
      line-height: 30rpx;
      padding-left: 20rpx;
      border-left: 5px solid #9264ff;

      color: #000000;
      font-size: 32rpx;
      font-weight: bold;
      margin-top: 20rpx;
      margin-bottom: 20rpx;
    }

    .cityText {
      font-size: 24rpx;
      font-weight: 400;
      color: #6b6b6b;
      margin-bottom: 8rpx;

      text {
        color: red;
        font-weight: 600;
      }

      .Link {
        color: #5579d4;
        font-weight: 600;
        padding-top: 8rpx;
      }
    }

    .information {
      // margin-top: 50rpx;

      font-size: 24rpx;
      font-weight: 400;
      color: #6b6b6b;

      .informationText {
        padding: 8rpx 0;
      }
    }

    .atlas {
      margin-top: 20rpx;

      map {
        width: 100%;
        height: 450rpx;
      }
    }
  }

  /** 
  .notice {
    position: relative;
    margin: 0 20rpx;

    /deep/ .u-notice-bar {
      padding: 12px 12px;
      padding-left: 50px;
      border-radius: 20rpx;
    }

    image {
      position: absolute;
      top: 4px;
      left: 20rpx;
      width: 65rpx;
      height: 70rpx;
    }
  }*/

  .ContactUs {
    margin: 20rpx;
    margin-bottom: 50rpx;

    .newsTitle {
      // width: 145rpx;
      margin-bottom: 30rpx;

      // .NewsCenter {
      //   color: #333;
      //   font-weight: bold;
      //   padding-bottom: 8rpx;
      //   display: block;
      //   letter-spacing: 1px;
      // }

      .cityLineLeft {
        width: 200px;
        height: 30rpx;
        line-height: 30rpx;
        padding-left: 20rpx;
        border-left: 5px solid #9264ff;

        color: #000000;
        font-size: 32rpx;
        font-weight: bold;
        margin-top: 20rpx;
        margin-bottom: 20rpx;
      }

      // .NewsBorder {
      //   height: 10rpx;
      //   display: block;
      //   background: linear-gradient(to right, #f6f9ff, #4b87fe);
      // }
    }

    .zoneBox {
      margin-top: 15rpx;

      .information {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #ffffff;
        border-radius: 20rpx;
        margin: 20rpx 0;
        // padding: 20rpx;

        .title {
          font-size: 28rpx;
          color: #50566a;
        }
      }
    }
  }

  .copyright {
    text-align: center;
    font-size: 28rpx;
    color: #999;
  }
}
</style>